<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>小兔仙个人中心</title>
  <link rel="shortcut icon" href="./favicon.ico" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/normalize.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./css/center.css">
</head>

<body>
  <!-- 项部导航 -->
  <div class="xtx_topnav">
    <div class="wrapper">
      <!-- 顶部导航 -->
      <ul class="xtx_navs">
        <li>
          <a href="./login.html">请先登录</a>
        </li>
        <li>
          <a href="./register.html">免费注册</a>
        </li>
        <li>
          <a href="javascript:;">我的订单</a>
        </li>
        <li>
          <a href="javascript:;">会员中心</a>
        </li>
        <li>
          <a href="javascript:;">帮助中心</a>
        </li>
        <li>
          <a href="javascript:;">在线客服</a>
        </li>
        <li>
          <a href="javascript:;"> <i class="mobile sprites"></i> 手机版 </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 头部 -->
  <div class="xtx_header clearfix">
    <div class="wrapper">
      <!-- 网站Logo -->
      <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
      <!-- 主导航 -->
      <div class="xtx_navs">
        <ul class="clearfix">
          <li>
            <a href="javascript:;">首页</a>
          </li>
          <li>
            <a href="javascript:;">生鲜</a>
          </li>
          <li>
            <a href="javascript:;">美食</a>
          </li>
          <li>
            <a href="javascript:;">餐厨</a>
          </li>
          <li>
            <a href="javascript:;">电器</a>
          </li>
          <li>
            <a href="javascript:;">居家</a>
          </li>
          <li>
            <a href="javascript:;">洗护</a>
          </li>
          <li>
            <a href="javascript:;">孕婴</a>
          </li>
          <li>
            <a href="javascript:;">服装</a>
          </li>
        </ul>
      </div>
      <!-- 站内搜索 -->
      <div class="xtx_search clearfix">
        <!-- 购物车 -->
        <a href="javascript:;" class="xtx_search_cart sprites">
          <i>2</i>
        </a>
        <!-- 搜索框 -->
        <div class="xtx_search_wrapper">
          <input type="text" placeholder="搜一搜" />
        </div>
      </div>
    </div>
  </div>

  <!-- 内容：待完成 -->
  <div class="xtx_nav">
    <div class="wrapper">
      <!-- 内容左边部分代码 -->
      <div class="left">1</div>
      <!-- 内容右边部分代码 -->
      <div class="right">
        <!-- 右边上部分代码 -->
        <div class="top">
          <!-- 右边上部分 左半部分代码 -->
          <div class="top_le">
            <div class="top_le_nav">
              <a href="#">
                <img src="./images/vip.png" alt="">
                <span>会员中心</span>
              </a>
              <a href="#">
                <img src="./images/safe.png" alt="">
                <span>安全设置</span>
              </a>
              <a href="#">
                <img src="./images/address.png" class="img3" alt="">
                <span>地址中心</span>
              </a>
            </div>
          </div>
          <!-- 右边上部分 右半部分代码 -->
          <div class="top_ri">
            <div class="top_ri_nav">
              <a href="#">
                <h3>6</h3>
                <span>优惠卷</span>
              </a>
              <a href="#">
                <h3>70</h3>
                <span>礼品卡</span>
              </a>
              <a href="#">
                <h3>120</h3>
                <span>积分卡</span>
              </a>
            </div>
          </div>
        </div>
        <!-- 右边下部分代码 -->
        <div class="bottom">
          <!-- 右边下部分导航栏 -->
          <div class="one">
            <h3>我的订单</h3>
            <a href="#">
              <span class="iconfont ">查看全部 ></span>
            </a>
          </div>
          <!-- 右边下部分商品内容 -->
          <div class="two">
            <div class="two_le">
              <div class="le_img">
                <img src="./uploads/order_goods_1.jpg" alt="">
                <div class="text">
                  <h3>拉夫劳伦t恤男正品圆领短袖...</h3>
                  <p>颜色：白色 尺码：M 数量：1</p>
                </div>
              </div>
              <span>待付款</span>
            </div>
            <div class="two_ri">
              <div class="ri_one">
                <h3>￥99.00</h3>
                <p>（含运费：¥10.00元）</p>
                <p>在线支付</p>
              </div>
              <div class="ri_two">
                <a href="#">
                  <h3>立即付款</h3>
                  <p class="p1">查看详情</p>
                  <p>取消订单</p>
                </a>
              </div>
            </div>
          </div>
          <div class="two">
            <div class="two_le">
              <div class="le_img">
                <img src="./uploads/order_goods_2.jpg" alt="">
                <div class="text">
                  <h3>李宁跑步鞋男鞋空气弧...</h3>
                  <p>颜色：灰色 尺码：42 数量：1</p>
                </div>
              </div>
              <div class="sp">
                <span>待付款</span>
                <p>查看物流</p>
              </div>
            </div>
            <div class="two_ri">
              <div class="ri_one">
                <h3>￥199.00</h3>
                <p>（含运费：¥10.00元）</p>
                <p>在线支付</p>
              </div>
              <div class="ri_two">
                <a href="#">
                  <h3>确认收货</h3>
                  <p class="p1">查看详情</p>
                  <p>取消订单</p>
                </a>

              </div>
            </div>
          </div>
        </div>
        <!-- 右边第二部分   收藏商品区域 -->
        <div class="right_two">
          <!-- 收藏商品导航栏 -->
          <div class="one">
            <h3>收藏的商品</h3>
            <a href="#">
              <span class="iconfont ">查看全部 ></span>
            </a>
          </div>
          <!-- 收藏品商品区域 -->
          <div class="shangpin">
            <div class="sp">
              <a href="">
                <div class="sp_le">
                  <img src="./uploads/collect_goods_1.jpg" alt="">
                </div>
                <h3>人本秋季厚底帆布鞋</h3>
                <h3>韩版低帮增高学生</h3>
              </a>
              <p><span>￥</span> 55</p>
            </div>
            <div class="sp">
              <div class="dinwei">6折</div>
              <div class="sp_le">
                <img src="./uploads/collect_goods_2.jpg" alt="">
              </div>
              <h3>迪士尼真皮针扣表带宽度</h3>
              <h3>14-16mm规格双色压纹</h3>

              <p><span>￥</span> 20.9</p>
            </div>
            <div class="sp">
              <div class="sp_le">
                <img src="./uploads/collect_goods_3.jpg" alt="">
              </div>
              <h3>三都港 冷冻无公害黄花鱼</h3>
              <h3> 700g 2条 袋装 </h3>
              <p><span>￥</span> 209</p>
            </div>  
            <div class="sp">
              <div class="sp_le">
                <img src="./uploads/collect_goods_4.jpg" alt="">
              </div>
              <h3>ONLY夏季新款高腰宽松</h3>
              <h3>七分阔腿裙裤休闲裤</h3>
              <p><span>￥</span> 274.5</p>
            </div>
          </div>
        </div>

        <!-- 右边第三部分   我的足迹区域 -->
        <div class="right_two">
          <!-- 我的足迹导航栏 -->
          <div class="one">
            <h3>我的足迹</h3>
            <a href="#">
              <span class="iconfont ">查看全部 ></span>
            </a>
          </div>
          <!-- 我的足迹商品区域 -->
          <div class="shangpin">
            <div class="sp">
              
              <div class="sp_le">
                <img src="./uploads/order_goods_1.jpg" alt="">
              </div>
              <h3>拉夫劳伦t恤男正品</h3>
              <h3>圆领短袖</h3>

              <p><span>￥</span> 99</p>
            </div>
            <div class="sp">
              <div class="dinwei">6折</div>
              <div class="sp_le">
                <img src="./uploads/order_goods_2.jpg" alt="">
              </div>
              <h3>李宁跑步鞋男鞋空气弧</h3>
              <h3>2018春季款</h3>

              <p><span>￥</span> 171.9</p>
            </div>
            <div class="sp">
              <div class="sp_le">
                <img src="./uploads/collect_goods_3.jpg" alt="">
              </div>
              <h3>三都港 冷冻无公害黄花鱼</h3>
              <h3> 700g 2条 袋装 </h3>

              <p><span>￥</span> 209</p>
            </div>
            <div class="sp">
              <div class="sp_le">
                <img src="./uploads/collect_goods_4.jpg" alt="">
              </div>
              <h3>ONLY夏季新款高腰宽松</h3>
              <h3>七分阔腿裙裤休闲裤</h3>

              <p><span>￥</span> 274.5</p>
            </div>
          </div>
        </div>
      </div>


    </div>
  </div>
  <!-- 内容 -->

  <!-- 公共底部 -->
  <div class="xtx_footer">
    <div class="wrapper">
      <!-- 联系我们 -->
      <div class="contact clearfix">
        <dl>
          <dt>客户服务</dt>
          <dd class="chat">在线客服</dd>
          <dd class="feedback">问题反馈</dd>
        </dl>
        <dl>
          <dt>关注我们</dt>
          <dd class="weixin">公众号</dd>
          <dd class="weibo">微博</dd>
        </dl>
        <dl>
          <dt>下载APP</dt>
          <dd class="qrcode">
            <img src="./uploads/qrcode.jpg" />
          </dd>
          <dd class="download">
            <span>扫描二维码</span>
            <span>立马下载APP</span>
            <a href="javascript:;">下载页面</a>
          </dd>
        </dl>
        <dl>
          <dt>服务热线</dt>
          <dd class="hotline">
            400-0000-000
            <small>周一至周日 8:00-18:00</small>
          </dd>
        </dl>
      </div>
    </div>
    <!-- 其它 -->
    <div class="extra">
      <div class="wrapper">
        <!-- 口号 -->
        <div class="slogan">
          <a href="javascript:;" class="price">价格亲民</a>
          <a href="javascript:;" class="express">物流快捷</a>
          <a href="javascript:;" class="quality">品质新鲜</a>
        </div>
        <!-- 版权信息 -->
        <div class="copyright">
          <p>
            <a href="javascript:;">关于我们</a>
            <a href="javascript:;">帮助中心</a>
            <a href="javascript:;">售后服务</a>
            <a href="javascript:;">配送与验收</a>
            <a href="javascript:;">商务合作</a>
            <a href="javascript:;">搜索推荐</a>
            <a href="javascript:;">友情链接</a>
          </p>
          <p>CopyRight &copy; 小兔鲜儿</p>
        </div>
      </div>
    </div>
  </div>
</body>

</html>